@import "../../../../styles/personStyle/common";
.goods-type{
  &-height{
    height: 56px;
  }
  padding: 15px 20px;
  &-card{
    box-shadow: @person-shadow;
    background: @person-background-white;
    border-radius: @person-border-radius;
    padding: 16px;
  }
  &-list-con{
    height: 690px;
    overflow-y: scroll;
  }
  &-nodata{
    display: block;
    margin: 80px auto 50px auto;
  }
  &-notice{
    text-align: center;
    .font(25px,600);
    color: rgba(0,0,0,0.2);
    display: block;
  }
  &-nowAdd{
    display: block;
    margin: 50px auto;
  }
  &-rightBtn{
    margin: 10px 15px 10px auto;
    display: block;
    float: right;
    i{margin-right: 10px;}
  }
  &-table-head{
    position: relative;
    height: 42px;
    text-align: center;
    line-height: 42px;
    .font(15px,600);
    background: #f5f7f9;
  }
  &-table-con{
    cursor: pointer;
  }
  &-table-head:before{content:"";width: 100%;height: 1px;position: absolute;left: 0;z-index: 1;top: 0px;background: rgba(100,100,100,0.1)}
  &-table-head:after{content:"";width: 100%;height: 1px;position: absolute;left: 0;z-index: 1;bottom: 0px;background: rgba(100,100,100,0.1)}
  &-thOne{
    background: #fafafa;
    position: relative;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    .name{
      text-align: left;
      padding-left: 25px;
      .down{margin-right: 10px;transition:  all 0.3s}
    }
    .ivu-btn-group{position: relative;top:-2px;}
  }
  &-thOne:after{content:"";width: 100%;height: 1px;position: absolute;left: 0;z-index: 1;bottom: 0px;background: rgba(100,100,100,0.1)}
  &-thTwo{
    background: #f5f5f5;
    position: relative;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    .name{
      text-align: left;
      padding-left: 55px;
      .down{margin-right: 10px;transition:  all 0.3s}
    }
    .ivu-btn-group{position: relative;top:-2px;}
  }
  &-thTwo:after{content:"";width: 100%;height: 1px;position: absolute;left: 0;z-index: 1;bottom: 0px;background: rgba(100,100,100,0.1)}
  &-thThree{
    background: #fcfcfc;
    position: relative;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    .name{
      text-align: left;
      padding-left: 105px;
      .down{margin-right: 10px;transition:  all 0.3s}
    }
    .ivu-btn-group{position: relative;top:-2px;}
  }
  &-thThree:after{content:"";width: 100%;height: 1px;position: absolute;left: 0;z-index: 1;bottom: 0px;background: rgba(100,100,100,0.1)}
  .turnDown{transform: rotateZ(90deg)}
  .icon{display:block;position:relative;width:38px;height: 38px;border-radius: 3px;margin: 3px auto;img{width: 38px;height: 38px;border-radius: 3px;}}
  .icon:hover .logImg{transform: scale3d(1,1,1);}
  .logImg{
    position: absolute;z-index: 1;width: 130px;height: 130px;
    border-radius: 4px;background: #ffffff;top:-46px;left: 50px;
    overflow:hidden;box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);
    .da{width:100%;height:100%;}
    transition: transform 0.5s ease;
    transform: scale3d(0,1,1);
    transform-origin: left center;
    p{text-align: center;line-height: 100px;}
  }
  &-thOne:hover{
    background: #e1f4fa;
  }
  &-thTwo:hover{
    background: #e1f4fa;
  }
  &-thThree:hover{
    background: #e1f4fa;
  }
}